import React from 'react'
import style from './index.css'
import { Row, Col, Typography, Button } from 'antd'
import { LogoutOutlined } from '@ant-design/icons'
const { Title } = Typography
export default function index(props) {
    return (
        <Row justify="space-between" >
            <Col>
                <h1 className={style.title}>欢迎使用学生管理系统</h1>
            </Col>
            <Col style={{ textAlign: 'right', color: "#fff" }}>
                <span style={{ marginRight: 15 }}>欢迎你</span>
                <span>{props.loginId}</span>
                <Button onClick={props.onLoginOut} type="link"><LogoutOutlined />退出登录</Button>
            </Col>
        </Row>

        // <div className={style.menu}>
        //    
        //     <div className={style.loginInfo}>
        //         <span>欢迎你</span>
        //         <span>{props.loginId}</span>
        //         <Button onClick={props.onLoginOut} type="link">退出登录</Button>
        //     </div>
        // </div>
    )
}
